<script lang="ts" setup>
import { ref } from 'vue'

const containerShow = ref(true)
const closeContainer = () => {
  containerShow.value = false
}
</script>

<template>
  <t-row v-if="containerShow" class="container">
    <t-alert :onClosed="closeContainer" class="alert" close theme="info" title="说明">
      <span>
        [1]
        <b>授权状态</b>
        关闭，相当于删除应用，该应用下所有授权将免费开放，系统不再进行授权验证（一律通过验证）
      </span>
      <br />
      <span>
        [2]
        <b>验证周期</b>
        是指在验证周期内最多仅验证一次授权，可降低系统服务器内存、负载和流量开销，推荐设置为24h
      </span>
    </t-alert>
  </t-row>
</template>

<style lang="less" scoped>
.container {
  margin: 10px 0;

  .alert {
    width: 100%;
  }
}
</style>
